<template>
	<div v-show="state" class="edit-bg-cover" @click="clickEvent">
        <slot></slot>
	</div>

</template>

<script>
	export default {
		props: {
			clickEvent: {
				type: Function,
				default: () => {

                }
			}
		},
		computed: {
		},
		data() {
			return {
                state: false,
			}
		},
		components: {

		},
		created() {
		},
		methods: {
		},
		mounted() {

		},
		watch: {

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.edit-bg-cover {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
</style>